﻿ 
<html>
<head> 
    <title></title>
    <link href="../../scripts/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> 
    <link href="../../scripts/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
    <script src="../../scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="../../scripts/ligerUI/js/core/base.js" type="text/javascript"></script> 
    <script src="../../scripts/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
    <script src="../../scripts/ligerUI/js/plugins/ligerFilter.js" type="text/javascript"></script>  
    <script type="text/javascript">
        $(function ()
        {
            var fields = [
                { display: '主键', name: 'CustomerID' },
                { display: '公司名', name: 'CompanyName', editor: { type: 'string'} },
                { display: '加入时间', name: 'AddTime', editor: { type: 'date', options: { showTime: true}} },
                { display: '金额', name: 'Amount', type: 'number', editor: { type: 'number', options: { type: 'float'}} }
            ];


            var filter = $("#filter").ligerFilter({ fields: fields });

            $("#Button1").click(function ()
            {
                var group = filter.getData();
                $("#txtGroup").val($.ligerui.toJSON(group));
            });


        });
         
    </script> 
    <style type="text/css">
        #txtGroup
        {
            height: 282px;
            width: 463px;
        }
    </style>
</head>
<body style="padding: 10px"> 
<form id="form">
    <div id="filter" style="border:1px solid #d3d3d3;"></div></form>
     <p>
     <textarea id="txtGroup"></textarea></p>
    <p>
        <input id="Button1" type="button" value="获取当前过滤规则" /></p> 
</body>
</html>